﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程导航</title>

    <link rel="stylesheet" href="css/北大青鸟课程导航.css">


    <style>
        #course_list {
            width:220px;
            border:1px #aacbee solid;
            padding:0px 0px 10px 0px;
            background-color:#f5f9fc;
            margin:0px auto;
        }
        .titles {
            background:url(img/title_icon.gif) 5px 8px no-repeat;
            padding-left:25px;
            color:#1f376d;
            font-size: 10px;
            line-height:30px;   /*重点*/
            height:30px;}

         #course_list ul {padding: 0px 8px}


        #course_list ul li {
            height:30px;
            background:url(img/submenu.gif) right center no-repeat;
            line-height:30px;
            padding-left:5px;
            border-top:1px #cfe2f5 solid;   /*每一个盒子顶部的样式*/
            font-size: 10px;

        }

        a{text-decoration: none;color:#000000;}


        #course_list ul a:hover{color: blue;text-decoration: none}



    </style>
</head>
<body >

<div id="course_list">
    <h1 class="titles">课程导航</h1><ul>
<ul>
    <li class="current"><a href="#">ACCP 软件工程师</a></li>
    <li><a href="#">BTEST 软件测试工程师</a></li>
    <li><a href="#">BENET 网络工程师</a></li>
    <li><a href="#">JBNS 网站工程师</a></li>
    <li><a href="#">ACCP 启蒙星</a></li>
    <li><a href="#">ANDROID 软件工程师</a></li>
    <li><a href="#">JAVA 软件工程师</a></li>
    <li><a href="#">.NET 软件工程师</a></li>
    <li><a href="#">网络营销</a></li>
</ul>
</div>

</body>
</html>